<template>
  <div class="case">
      <div class="text">
         <span>注：格式要求</span> 
         <span>1.以‘数字和中文、’作为开头，如1、  2、  3、</span>
         <span>2.以【A】、【B】、【对】、【错】等作为结尾，将正确答案放在其中</span>
         <span>3.选择应跟随选项，并以‘字母和中文、’作为开头，如A、B、C、D、</span>
         <span>4.各题目与选项开头和结尾不要有空格</span>
         <span>5.题目之间、开头、结尾不要出现空行</span>
         <span>示例</span>
         <span>1、国家标准规定的平安色有红、蓝、黄、绿四种颜色。【对】</span>
         <span>2、平安色中黄色——表示停顿、危险的意思。【错】</span>
         <span>3、平安生产管理，坚持“平安第一、预防为主〞的方针。【A】</span>
         <span>A、测试A</span>
         <span>B、测试B</span>
         <span>C、测试C</span>
         <span>D、测试D</span>
         <span>4、我国的消防方针是预防为主、防治结合。【对】</span>
         <span>5、生产经营单位可以以货币形式或其他物品代替应提供的劳动防护用品。【B】</span>
         <span>A、水水水水水水</span>
         <span>B、哈哈哈哈哈哈</span>
         <span>C、暗黑世界科技和</span>
         <span>D、ask净化空气空间</span>
      </div>
      <img class="pic" src="../../assets/case1.png">
  </div>
</template>

<style lang="scss" rel="stylesheet/scss" scoped >
.case{
    display: flex;
    width: 100%;
}
.pic{
    width: 70%;
}
.text{
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    width: 30%;
}
.text span:nth-child(-n+7){
    margin-bottom: 10px;
    font-weight:900
}
.text span:nth-child(1){
    color: red;
    font-size: 20px;
}
.text span:nth-child(7){
    color: blue;
}
.text span:nth-child(n+7){
    margin-top: 5px;
}
</style>